.nft-store-container {
    padding: 1rem;
    min-height: 100vh;
    box-sizing: border-box;
    background: url("../images/home_bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;

    .inner-container {
        border-radius: 2.4rem;
        background-color: $purpleBgOne;
        box-shadow: 0 0.2rem 0.6rem 0 #895bc9;

        .hd-box {
            height: 5rem;
            line-height: 5rem;
            text-align: center;
            padding: 0 1.4rem;
            border-radius: 2.4rem 2.4rem 0 0;
            font-size: 1.6rem;
            font-weight: bold;
            color: $purpleFontFour;
            background: linear-gradient(to bottom, #faf5ff 0, #e6d5ff 20%, #b78cf6 90%, #a773f3 94%);
        }

        .bd-box {
            padding: .6rem;
            height: calc(100vh - 15.6rem);
            overflow-y: auto;
            .item-box {
                @include flex-center-start();
                padding: .8rem;
                margin-bottom: .4rem;
                background: url("../images/nft_store_bar.png");
                background-size: 100% 100%;
                background-repeat: no-repeat;
                background-position: center center;

                .photo-box {
                    width: 5rem;
                    height: 5rem;
                    padding: .2rem .4rem .6rem;
                    @include flex-center-center();
                    background: url("../images/photo_box_bg.png");
                    background-size: 100% 100%;
                    background-repeat: no-repeat;

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }
                }

                .cnetre-box {
                    width: 0;
                    flex: 1;
                    flex-shrink: 1;
                    padding: 0 .8rem;

                    .name-box {
                        @include flex-center-between();
                        height: 1.4rem;
                        line-height: 1.4rem;
                        font-size: 1.2rem;
                        font-weight: bold;
                        color: $grayThree;
                        .name{
                            width: 0;
                            flex: 1;
                            @include text-ellipsis-single();
                        }
                        .status{
                            padding-left: 1rem;
                            color: $redFont;
                        }
                    }

                    .introduce {
                        margin-top: .4rem;
                        width: 100%;
                        height: 2.4rem;
                        line-height: 1.2rem;
                        font-size: 1rem;
                        @include text-ellipsis-multiline(2);
                        color: $purpleFontFour;
                    }
                }
            }
        }
    }
}